.icon {
	width: 38px;
	background-color: #2d76b9;
}
li {
	list-style-type: none;
}
li:hover .icon {
	width: 208px;
	background-color: #1d1fc4;
}
li .icon {
	background: #d91e76 url('http://modernizr.com/i/img/icons.png') 3px 0 no-repeat;
	border-radius: 19px;
	display: block;
	color: #141414;
	height: 38px;
	line-height: 38px;
	margin: 10px 0 0;
	text-indent: 50px;
	white-space: nowrap;
	text-decoration: none;
	z-index: 5;
	-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;
	-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;
	-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;
	transition: width .25s ease-in-out, background-color .25s ease-in-out;
	-webkit-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
	-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
	-o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;
	box-shadow: rgba(0,0,0, .28) 0 2px 3px;
}